/**
 * 店铺模板
 * @author  fubangfu2015@163.com
 * @data    2020/11/28
 * --------------------------------------
 */
import { postAjax } from '../../../utils/ajax';
import { getBDUserId } from '../../../utils/common';

const IMAGES = {
  3 : 'https://ttjx-1302259601.cos.ap-beijing.myqcloud.com/media/catalog/product/2/by/2byueyb7bhsnqbv1606799562.jpg',
  12 : 'https://ttjx-1302259601.cos.ap-beijing.myqcloud.com/media/catalog/product/q/rb/qrbuwxamz00ku8r1606799617.png',
  18 : 'https://ttjx-1302259601.cos.ap-beijing.myqcloud.com/media/catalog/product/9/7g/97g4whhznxspxzn1606799596.png',
  19 : 'https://ttjx-1302259601.cos.ap-beijing.myqcloud.com/media/catalog/product/f/i1/fi1j89qgvzyfi2i1606799585.png',
  35 : 'https://ttjx-1302259601.cos.ap-beijing.myqcloud.com/media/catalog/product/5/8j/58j9jzjb2i14gvb1606799607.png'
};

Page({
  data : {
    templates : [3, 12, 18, 19, 35].map(id => ({ id, image : IMAGES[id], name : `模板${id}` })),
    current : 0,// 当前模板下标，不可手动控制
    tabIndex : 0,// 控制模板下标，手动控制显示
    selected : 0// 被选中的模板下标
  },
  onLoad() {
    // 获取保存的店铺ID
    const shopId = Number(wx.getStorageSync('shop_template_id'));
    postAjax('/index/store-template').then(res => {
      const t1 = [];
      const t2 = [];
      let templates = t2;
      res.forEach(item => {
        const temp = {
          id : item.id,
          name : item.module_name,
          image : item.module_pic,
        };
        // 如果当前店铺id的id等于设置的店铺id
        if (Number(item.id) === shopId) {
          templates = t1;
        }
        templates.push(temp);
      });
      // 加载页面时默认显示被选中的模板
      // 也就是把被选中的模板按顺序放在数组开头
      this.setData({ templates : t1.concat(t2) });
    });
  },
  // 切换时
  changeHandler(event) {
    this.setData({ current : event.detail.current });
  },
  // 点击时
  clickHandler(event) {
    this.setData({ tabIndex : event.currentTarget.dataset.index });
  },
  // 选择当前模板
  onSelect() {
    const { current, templates } = this.data;
    const temp = templates[current];
    postAjax('/index/store-template-set', {
      bdmin_user_id : getBDUserId(),
      parent_id : temp.id
    }).then(() => {
      this.setData({ selected : current });
      // 重新保存店铺ID
      wx.setStorageSync('shop_template_id', Number(temp.id));
    });
  }
});
